<template>
    <div class="d-flex align-items-center justify-content-center w-auto">
        <el-dropdown placement="top-start" trigger="click">
            <a> <i class="iconfont te-i-setting mx-2" :style="{ color: $attrs.style?.color }"></i></a>
            <template #dropdown>
                <el-dropdown-menu>
                    <el-dropdown-item >
                        <x-switch-bar></x-switch-bar>
                    </el-dropdown-item>
                    <el-dropdown-item>
                       <x-db-bar></x-db-bar>
                    </el-dropdown-item>
                    <el-dropdown-item>
                        <x-menu-mgr></x-menu-mgr>
                    </el-dropdown-item>
                </el-dropdown-menu>
            </template>
        </el-dropdown>

        <el-dropdown placement="top-start" trigger="click">
            <a> <i class=" iconfont te-i-user  mx-2 " :style="{ color: $attrs.style?.color }"></i></a>
            <template #dropdown>
                <el-dropdown-menu>
                    <el-dropdown-item><a href="/login">退出登录</a></el-dropdown-item>
                </el-dropdown-menu>
            </template>
        </el-dropdown>

    </div>
</template>

<script setup>
</script>

<style scoped></style>